<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>  

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>DNA</title>
		<link href="estilo.css" rel="stylesheet" type="text/css" />
		
		<!-- src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" -->
		 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
		 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.9/jquery.validate.js" ></script>
		 
		 
		 
 		<script> 			
 			$(function(){
 				
 				/*
 				 * Novo método de validação adicionado ao JQuery.
 				 * Verifica se as senhas adicionadas nos dois campos de senha são iguais.
 				 */
 				jQuery.validator.addMethod("senhaIgual", function (valor, elemento, seletor) {
 		 	        var opcional = this.optional(elemento);
 		 	        var param = $("#" + seletor).val();
 		 	        var igual = (valor == param);
 		 	        return opcional || igual;
 		 	    }, "As Senhas inseridas são diferentes.");
 				
 				
 				$("#trocaSenha").click(function(){
	 				 $("#js-senha").show("slow");
			    }); 
 				
 				$("#trocarSenha").validate({
 		 			rules:{
 		 				senhaAntiga: {
 		 					required:true,
 		 				},
 		 				senhaNova: {
 		 					required:true,
 		 					minlength:3
 		 				},
 		 				confSenhaNova:{
 		 					required:true,
 		 					senhaIgual: "senhaNova"
 		 				}
 		 			},
 		 			messages:{
 		 				senhaAntiga: {
 		 					required:"Campo obrigatório."
 		 				},
 		 				senhaNova:{
 		 					required:"Campo obrigatório.",
 		 					minlength:"A Senha deve possuir no mínimo 3 caracteres."
 		 				},
 		 				confSenhaNova:{
 		 					required:"Campo obrigatório.",
 		 					senhaIgual: "As Senhas inseridas são diferentes."
 		 				}
 		 			}
 		 		});
 				
 				 				
 				$("#fecharTrocaSenha").click(function(){
	 				 $("#js-senha").hide("slow");
			    }); 
 				
 			}); 			
 		</script>
	</head>
	<body>
		<div id="base">
  			<div id="cabecalho">
  				<div id="logo"></div>
  				<div id="espacologin">
  				
  				<!-- troquei action="/usuario/logar.action" -->
  				<s:if test="%{#session.usuarioLogin==null}">
  				  <div id="divlogar" float="left" width="300">
	  		  		<s:form action="/logar.action" method="post">  		  		
	  		  
		  		    	<!-- <table id=header border="0" cellspacing="0" cellpadding="5" align="center">
			  		    	<tr>
			  		    		<td colspan="2">  -->
			  		    			<label>Seja Bem Vindo!</label>
			  		    	<!--	</td>
			  		    	</tr>
			  		    	</table> -->
			  		    	
			  		    	<!-- test="%{#session.usuario}" -->
			  		    	<!-- test="%{#request.usuarioLogin!=null}"-->		  		    	
				  		    	 <!-- <tr>
				  		    		<td>
				  		    			<font color="#5BBBDB"> -->
				  		    				<s:textfield label="Login" name="login" property="login"/>  <!--key="Login"  value="%{#request.usuarioLogin.login}"--> 
				  		    			<!-- </font>
				  		    		</td>
				  		    		<td>
				  		    			<font color="#5BBBDB"> -->
				  		    			<br/>
				  		    				<s:password label="Senha" name="senha" align="right"/>   <!-- value="%{#request.usuarioLogin.senha}" --> 
				  		    			<!-- </font>
				  		    		</td>
				  		    	</tr>
				  		    	<tr>
				  		    		<td colspan="2"> -->
				  		    			<s:submit label="button_confirm" value="Login"/></td>
				  		    	<!-- </tr>
			  		   </table> -->
	  		   		</s:form>
  		   		  </div>
  		   		</s:if>
  		   		<s:else>
  		   		  <div id="divlogout" float="left" width="300">
	  		   		<s:form action="/deslogar.action" method="get">
	  		   		<!-- <table id=header height="50" border="0" cellspacing="0" cellpadding="5" align="left">
	  		   			<tr>
		  		    		<td> --><label>Seja Bem Vindo, <s:property value="#session.usuarioLogin.nome" />!</label><!-- </td>
		  		    	</tr>
		  		    	<tr>
		  		    		<td> -->
		  		    		<br/>
		  		    		<label>Acesso em <s:property value="#session.horario" /></label><!-- </td>
		  		    	</tr>
		  		    	<tr>		  		    		
		  		    		<td> -->
		  		    		<br/>
		  		    		<a href="#" id="trocaSenha">Trocar senha</a><!-- </td>
		  		    	</tr>
		  		    	</table>
		  		    	<tr>
		  		    		<td> -->
		  		    		<label> - </label>
		  		    		<a href=" <s:url action='deslogar.action'/>">Logout</a>  
		  		    		<!-- s:submit label="button_confirm" value="Logout"/> -->
		  		    		<!-- </td>		  		    		
		  		    	</tr>
		  		    </table> -->
				   	</s:form>
				  </div>
				   	
				   	<div id="js-senha" style="border: 2px; border-color: black;">
				   	    <label align="center">
				   	    	<a href="#" id="fecharTrocaSenha">[x]</a>
				   	   	</label>
				   	    <br/>
		  		    	<s:form action="/trocarSenha.action" method="post" id="trocarSenha">
					  		<s:password  label="Senha Atual" name="senhaAntiga" id="senhaAntiga"/>
					  		<s:password  label="Senha Nova" name="senhaNova" id="senhaNova"/> 
					  		<s:password label="Confirmação da Senha" name="confSenhaNova"/> 
					  		<s:submit label="button_confirm" value="Salvar"/>
			  		   </s:form>
		  		    </div>
			   	</s:else>
  		</div>
  	</div>
  	<div id="menu">
  		<table width="200" border="0" cellspacing="0" cellpadding="0">
      		<tr>
        		<td>Menu</td>
      		</tr>
      		<tr>
        		<td><a href="index.jsp">Home</a></td>
      		</tr>
      		
      		<s:if test="%{#session.usuarioLogin!=null}">
      			<tr>
      				<td>
      					<a href="<s:url action="listarUsuario.action"></s:url>">Usu&aacute;rios</a>
      				</td>
      			</tr>
      			<tr>
        			<td> 
        				<a href="cadastrarDNA.jsp">Cadastrar DNA</a>
        			</td>
      			</tr>
      			
      			<s:if test="%{#session.usuarioLogin.dna!=null}">
      				<tr>
      					<td> <a href="<s:url action="exportarDNA.action"></s:url>">Exportar DNA</a></td>
      				</tr>
      			</s:if>     			
      			<s:if test="%{#session.usuarioLogin.perfil.equalsIgnoreCase('pesquisador')}">
      				<tr>	
        				<td>
        					<a href="<s:url action='listarPesquisas'></s:url>">Pesquisas</a>
        				</td>
      				</tr>
      			</s:if>
      		</s:if>
      		<s:else> <!-- Se não houver usuário logado -->
      			<tr>
      				<td>
      					<a href="<s:url action="criar.action"></s:url>">Usu&aacute;rio CADASTRAR</a>
      				</td>
      			</tr>
      		</s:else>
    </table>
 </div>